<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <button>点击</button>
    <script>
        // location返回对象 用于获取或设置窗体的url,并且可以用于解析url
        // URL统一资源定位符是互联网标准的地址。互联网上每个文件文件都有一个唯一的URL，包含的信息指出文件的位置
        // URL的语法格式：protocol://host[:port]/path/[?query]#fragment
        // http://www.itcast.cn/index.html?name=andy&age=18#link
        // protocol:通信协议常用的http,ftp,maito
        // host:主机
        // port:端口号可选，http默认为80
        // path:路径由0或多个'/'符号隔开的字符串，一般用来表示主机上的一个目录或文件地址
        // query 参数 以键值对的形式通过&符号分隔开来
        // fragment 片段 #后面内容常见于链接锚点
        // location对象属性
        // location.href 获取或者设置整个URL
        // location.host 返回主机(域名)
        // location.port 返回端口号
        // location.pathname 返回路径
        // location.search 返回参数
        // location.hash 返回片段，#后面的内容常见于链接，锚点
        var bt = document.querySelector('button');
        bt.addEventListener('click', function() {
            // 记录浏览器历史，所以可以实现后退功能
            location.assign('http://www.itcast.cn');
            // 不记录浏览器历史，所以不可以实现后退功能
            location.replace('http://www.itcast.cn');
            // 重新加载页面，相当于刷新按钮
            location.reload('http://www.itcast.cn');
            location.reload(true); //强制刷新
        })
    </script>
</body>

</html>